<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<link rel="icon" href="images/logo.ico">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/style.css">
    <style>
        h3{
            font-size: 20px;
        }
        .post .post-content{
            margin-top: 20px;
        }
        .post .post-content p{
            line-height: 26px;
        }
        .post .post-content .btn-main{
            margin:15px 0;
        }
    </style>
</head>
<body>
    <header>
        <nav class="navbar nav-body navbar-default">
            <div class="container">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
                    <a class="navbar-brand logo" href="#">
                        <img src="images/logo.png" alt="">        
                    </a>
                </div>
                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav navbar-right nav-ul">
                        <li class="nav-li"><a href="index.html">HOME</a></li>
                        <li class="nav-li dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">PORTFOLIO<span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="#">Portfolio Fiter</a></li>
                                <li><a href="#">Portfolio Single</a></li>
                            </ul>
                        </li>
                        <li class="nav-li"><a href="serviece.html">SERVIECE</a></li>
                        <li class="nav-li dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">BLOG <span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="#">Blog Grid</a></li>
                                <li><a href="#">Blog Single</a></li>
                                <li><a href="#">Blog Right Sidebar</a></li>
                                <li><a href="#">Blog Left Sidebar</a></li>
                                <li><a href="#">Blog Full Width</a></li>
                            </ul>
                        </li>
                        <li class="nav-li dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">PAGES <span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="#">About Us</a></li>
                                <li><a href="#">Coming Soon</a></li>
                                <li><a href="#">404 Page</a></li>
                                <li><a href="#">FAQ</a></li>
                                <li><a href="#">Pricing Table</a></li>
                            </ul>
                        </li>
                        <li class="nav-li"><a href="#">CONTACT</a></li>
                    </ul>
                </div>
                <!-- /.navbar-collapse -->
            </div>
            <!-- /.container-fluid -->
        </nav>
    </header>
    <section class="page-title bg section">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="block">
                      <h1>Blog Full Width</h1>
                      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis, ex!</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="page-wrapper">
        <div class="container">
            <div class="row">
                <div class="col-md-8 col-md-offset-2">
                    <div class="post">
                        <a href=""><img src="images/blog-post-1.jpg" alt=""></a>
                        <h3 class="post-title"><a href="blog-single.html">How To Wear Bright Shoes</a></h3>
                        <div class="post-content">
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit vitae placeat ad architecto nostrum asperiores vel aperiam, veniam eum nulla. Maxime cum magnam, adipisci architecto quibusdam cumque veniam fugiat quae. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio vitae ab doloremque accusamus sit, eos dolorum officiis a perspiciatis aliquid. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod, facere. </p>
                            <a href="" class="btn btn-main">Continue Reading</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-8 col-md-offset-2">
                    <div class="post">
                        <a href=""><img src="images/blog-post-2.jpg" alt=""></a>
                        <h3 class="post-title"><a href="blog-single.html">How To Wear Bright Shoes</a></h3>
                        <div class="post-content">
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit vitae placeat ad architecto nostrum asperiores vel aperiam, veniam eum nulla. Maxime cum magnam, adipisci architecto quibusdam cumque veniam fugiat quae. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio vitae ab doloremque accusamus sit, eos dolorum officiis a perspiciatis aliquid. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod, facere. </p>
                            <a href="" class="btn btn-main">Continue Reading</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-8 col-md-offset-2">
                    <div class="post">
                        <a href=""><img src="images/blog-post-3.jpg" alt=""></a>
                        <h3 class="post-title"><a href="blog-single.html">How To Wear Bright Shoes</a></h3>
                        <div class="post-content">
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit vitae placeat ad architecto nostrum asperiores vel aperiam, veniam eum nulla. Maxime cum magnam, adipisci architecto quibusdam cumque veniam fugiat quae. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio vitae ab doloremque accusamus sit, eos dolorum officiis a perspiciatis aliquid. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod, facere. </p>
                            <a href="" class="btn btn-main">Continue Reading</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <footer class="footer">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="footer-manu">
                        <ul>
                            <li><a href="">About Us</a></li>
                            <li><a href="">Contact us</a></li>
                            <li><a href="">How it works</a></li>
                            <li><a href="">Support</a></li>
                            <li><a href="">Terms</a></li>
                        </ul>
                    </div>
                    <p class="copyright">Copyright 2018 © Design & Developed by themefisher. All rights reserved.</p>
                </div>
            </div>
        </div>
    </footer>
    <div class="right-box"> <span>TOP</span>
        <div class="sanjiao"></div>
    </div>
    <script src="js/jquery-3.3.1.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/top.js"></script>
</body>
</html>